<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
    <title>
        人民日报  
    </title>
</head>    
 <body>
        <h1>
            民以食为天
        </h1>
        <hr style="border: 3px solid #FF0000; width: 100%; margin: 20px auto;">
        <!-- 
        hr:水平线标签
        border:设置边框（宽度+样式（实线solid、虚线dashed、波浪线wavy）+颜色 
        margin:水平线和上下内容的间距以及对齐方式 margin-left:距离左边的大小(px、%、em（当前字体大小）)-->
       
        <h2>
            杂交水稻之父——袁隆平
        </h2>
        <h3><i>竹石</i></h3>
        <!-- i斜体 -->
        <p>咬定青山不放松，<br>立根原在破岩中。<br>千磨万击还坚劲，<br>任尔东西南北风。</p>
        <!-- br换行 -->
        <img src="https://vodpub6.v.news.cn/yhfb-original/20230530/5ca4d128-375d-4a1a-ab2e-d337ec84bfdc.jpg" width="180" height="auto" alt="袁隆平">
        <!-- 
        图像标签<img src="">src用来指定图像的位置和名称
        图片在同一文件下：./引用
        alt加载失败提示
        title鼠标悬浮在图片上时显示的提示文字 
        width、height（无单位）-->
    </body>   
</html>
<!-- 
strong(b):加粗 
em(i):倾斜 
ins(u):下划线 
del(s): 删除线  -->
<!-- 
相对路径：从当前文件位置出发查找
.当前文件所在的文件夹 ..上一级文件夹 /进入文件
绝对路径：某盘/（\也行）
 -->
<!-- 
 超链接（点击跳转到其他页面）
<a href="跳转地址" target= "">跳转到这里</a>
target="_blank"新页面、"_self"本页面
a href="#"空链接，不会跳转
a直接回车（快捷键）本地文件（相对路径）
 -->

<!-- 
 音频标签
<audio src=""></audio>
controls:显示音频控制面板
loop：循环播放
autoplay：自动播放
属性名和属性值完全一样可简写为一个单词 
-->
<!-- 
视频标签
<video src=""></video>
controls
loop
muted:静音播放
autoplay：在静音状态可自动播放 
-->